<template>
  <div>
    <!-- 修改设备 -->
    <el-dialog
      class="dialog"
      title="修改设备"
      :visible="dialogUpdataEquip"
      width="45%"
      @close="closeDialog"
      @open="openDialog"
    >
      <el-form label-width="120px">
        <el-form-item label="机器编号:">
          <span>{{ UpdataEquipObj.innerCode }}</span>
        </el-form-item>
        <el-form-item label="供货时间:">
          <span>{{ UpdataEquipObj.lastSupplyTime }}</span>
        </el-form-item>
        <el-form-item label="设备类型:">
          <!-- UpdataEquipObj.type.name -->
          <span>{{ UpdataEquipObj.type?UpdataEquipObj.type.name:'' }}</span>
        </el-form-item>
        <el-form-item label="设备容量:">
          <span>{{ UpdataEquipObj.type?UpdataEquipObj.type.channelMaxCapacity:'' }}</span>
        </el-form-item>
        <el-form-item label="选择点位:" prop="nodeId">
          <el-select
            v-model="nodeId"
            placeholder="请选择"
            style="width: 80%"
          >
            <el-option
              v-for="item in NodeEquipList"
              :key="item.id"
              :label="item.name"
              :value="item.id"
            />
          </el-select>
        </el-form-item>
        <el-form-item label="合作商:">
          <span>{{ UpdataEquipObj.ownerName }}</span>
        </el-form-item>
        <el-form-item label="所属区域:">
          <span>{{ UpdataEquipObj.region?UpdataEquipObj.region.remark:'' }}</span>
        </el-form-item>
        <el-form-item label="设备地址:">
          <span>{{ UpdataEquipObj.node? UpdataEquipObj.node.addr:'' }}</span>
        </el-form-item>
      </el-form>
      <div slot="footer" class="dialog-footer">
        <el-button class="cancel" @click="closeDialog">取 消</el-button>
        <el-button
          type="primary"
          class="sure"
          @click="dialogUpdataEquipFn"
        >确 定</el-button>
      </div>
    </el-dialog>
  </div>
</template>

<script>
import { nodeEquip, updatanodeEquip } from '@/api/vm'
export default {
  props: {
    dialogUpdataEquip: {
      type: Boolean,
      default: false
    },
    // eslint-disable-next-line vue/prop-name-casing
    UpdataEquipObj: {
      type: Object,
      default: () => {}
    }
  },
  data() {
    return {
      nodeId: '',
      NodeEquipList: [], // 设备点位
      page: {
        pageIndex: 1,
        pageSize: 100000
      }
    }
  },
  methods: {
    // 1.表单关闭
    closeDialog() {
      this.$emit('UpdatacloseDialog')
    },
    // 1.2表单打开//currentPageRecords
    async  openDialog() {
      if (this.UpdataEquipObj.node) {
        this.nodeId = this.UpdataEquipObj.nodeId
      }
      const { data } = await nodeEquip(this.page)
      console.log(data)
      this.NodeEquipList = data.currentPageRecords
    },
    // 2.新增设备表单提交
    async dialogUpdataEquipFn() {
      await updatanodeEquip(this.UpdataEquipObj.id, this.nodeId)
      this.$emit('UpdataDialog')
    }
  }
}
</script>

<style></style>
